<script setup>
import { ref } from 'vue'
import FanInputNumber from '..'

const value = ref(2)
const handleOver = (type) => {
  alert(`不能再${type}了`)
}
</script>

<template>
  <demo-block title="基础用法">
    <FanInputNumber></FanInputNumber>
  </demo-block>

  <demo-block title="自定义">
    <FanInputNumber v-model="value" @overlimit="handleOver" minus-icon="caret-down" plus-icon="caret-up"
      action-color="blue"></FanInputNumber>
  </demo-block>
  <demo-block title="自定义">
    <FanInputNumber v-model="value" @overlimit="handleOver"
      minus-icon=""
      plus-icon="">
    </FanInputNumber>
  </demo-block>
</template>
